<% layout('/layouts/default.html', {title: '商家入驻', libs: ['validate'], bodyClass: 'login-page'}){ %>
<% include('/include/upgrade.html'){} // 如果客户浏览器版本过低，则显示浏览器升级提示。 %>
<link rel="stylesheet" href="${ctxStatic}/icheck/1.0/square/blue.css?${_version}">
<link rel="stylesheet" href="${ctxStatic}/jquery-toastr/2.1/toastr.min.css?${_version}">
<link rel="stylesheet" href="${ctxStatic}/jquery-plugins/jquery.strength.css?${_version}">
<link rel="stylesheet" href="${ctxStatic}/modules/sys/sysLogin.css?${_version}">
<div class="login-box" style="margin:4% auto 300px auto;">
    <div class="login-logo">
        <a href="${ctxPath}/account/forgetPwd"><b>${@Global.getConfig('productName')}</b>
            <small>${@Global.getConfig('productVersion')}</small></a>
    </div>
    <div class="login-box-body">
        <form id="forgetForm" action="${ctxPath}/account/forgetPwd" method="post">
            <div class="form-group has-feedback">
                <select id="fp_validType" name="op" class="form-control">
                    <% if(@Global.getConfigToBoolean('msg.sms.enabled','true')){ %><option value="mobile">使用手机号码找回您的密码</option><% } %>
                    <% if(@Global.getConfigToBoolean('msg.email.enabled','true')){ %><option value="email">使用电子邮箱找回您的密码</option><% } %>
                    <option value="question">使用保密问题找回您的密码</option>
                </select>
            </div>
            <div class="form-group has-feedback">
                <span class="fa fa-user form-control-feedback"></span>
                <input type="text" id="fp_loginCode" name="loginCode" class="form-control required" data-msg-required="请填写登录账号." placeholder="登录账号" />
            </div>
            <div class="form-group has-feedback fp-element fp-mobile fp-email fp-question">
                <#form:validcode id="fp_validCode" name="validCode" isRequired="true" isRemote="true" isLazy="false"/>
            </div>
            <div class="form-group has-feedback fp-element fp-mobile fp-email">
                <div class="input-group">
                    <input type="text" id="fpValidCode" name="fpValidCode" class="form-control required"
                           data-msg-required="请填写手机验证码." placeholder="手机验证码" />
                    <span class="input-group-btn">
						<input type="button" id="sendFpValidCode" value="获取手机验证码" class="btn btn-flat"/>
					</span>
                </div>
            </div>
            <div class="form-group has-feedback fp-element fp-question clearfix">
                <input type="button" id="fp_getQuestion" value="获取保密问题" class="btn btn-default btn-block btn-flat"/>
            </div>
            <div class="form-group has-feedback fp-element fp-question">
                问题1：<span id="fp_q1"></span>
            </div>
            <div class="form-group has-feedback fp-element fp-question">
                <span class="fa fa-question-circle form-control-feedback"></span>
                <input type="text" id="fp_pwdQuestionAnswer" name="pwdQuestionAnswer"
                       class="form-control required" data-msg-required="请填写答案1." placeholder="答案1 " />
            </div>
            <div class="form-group has-feedback fp-element fp-question">
                问题2：<span id="fp_q2"></span>
            </div>
            <div class="form-group has-feedback fp-element fp-question">
                <span class="fa fa-question-circle form-control-feedback"></span>
                <input type="text" id="fp_pwdQuestionAnswer2" name="pwdQuestionAnswer2"
                       class="form-control required" data-msg-required="请填写答案2." placeholder="答案2" />
            </div>
            <div class="form-group has-feedback fp-element fp-question">
                问题3：<span id="fp_q3"></span>
            </div>
            <div class="form-group has-feedback fp-element fp-question">
                <span class="fa fa-question-circle form-control-feedback"></span>
                <input type="text" id="fp_pwdQuestionAnswer3" name="pwdQuestionAnswer3"
                       class="form-control required" data-msg-required="请填写答案3." placeholder="答案3" />
            </div>
            <div class="form-group has-feedback clearfix">
                <strong>设置新密码：</strong>
            </div>
            <div class="form-group has-feedback">
                <span class="fa fa-lock form-control-feedback"></span>
                <input type="password" autocomplete="off" id="fp_password" name="password"
                       class="form-control required" data-msg-required="请填写新密码."
                       rangelength="3,50" data-msg-rangelength="新密码长度不能小于3并大于50个字符."
                       placeholder="新密码" />
            </div>
            <div class="form-group has-feedback">
                <span class="fa fa-lock form-control-feedback"></span>
                <input type="password" autocomplete="off" id="fp_confirmPassword" name="confirmPassword"
                       class="form-control required" data-msg-required="请填写确认新密码."
                       rangelength="3,50" data-msg-rangelength="新密码长度不能小于3并大于50个字符."
                       equalTo="#fp_password" data-msg-equalTo="新密码与确认新密码不同."
                       placeholder="确认新密码" />
            </div>
            <div class="row">
                <div class="col-xs-6">
                    <button type="submit" class="btn btn-primary btn-block btn-flat"
                            id="btnSubmit">${text('提交')}</button>
                </div>
                <div class="col-xs-6">
                    <button type="button" class="btn btn-default btn-block btn-flat"
                            id="btnReset">${text('返回')}</button>
                </div>
            </div>
            <div class="clearfix"></div>
        </form>
    </div>
    <div class="login-copyright">
        &copy; ${@DateUtils.getYear()} ${@Global.getConfig('productName')} - Powered By <a
            id="loginKey" data-key="${@Global.getConfig('shiro.loginSubmit.secretKey')}"
            href="http://jeesite.com" target="_blank">JeeSite ${@Global.getProperty('jeesiteVersion')}</a>
    </div>
</div>
<% } %>
<script src="${ctxStatic}/common/des.js?${_version}"></script>
<script src="${ctxStatic}/jquery-toastr/2.1/toastr.min.js?${_version}"></script>
<script src="${ctxStatic}/jquery-plugins/jquery.strength.js?${_version}"></script>
<script src="${ctxStatic}/jquery-plugins/jquery.strength_i18n.js?${_version}"></script>
<script src="${ctxStatic}/modules/sys/forgetPwd.js?${_version}"></script>